<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<!-- 设置IE渲染方式默认为最高 除IE6： -->
	<meta http-equiv="X-UA-Compatible" content="IE=9; IE=8; IE=7; IE=EDGE">
	<!-- 兼容移动设备的展示效果： -->
	<meta name="viewport" content="width=device-width, initial-scale=1">
	
	<!-- 若页面需默认用极速核，增加标签： -->
	<meta name="renderer" content="webkit">

	<title>Web Works</title>

	<!-- 引入CSS -->
    <link href="css/myworks.css" rel="stylesheet">

    <!-- 加载兼容文件：因为IE8既不支持HTML5 也不支持CSS3 Media，所以需要加载两个JS文件，来保证代码实现兼容效果：2017-06-30更新 -->
    <!-- WARNING: Respond.js 不能通过 file:// 协议访问 -->
    <!--[if lt IE 9]>
      <script src="https://cdn.bootcss.com/html5shiv/3.7.3/html5shiv.min.js"></script>
      <script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->

    <style>
		.header { height: 200px; text-align: center; }
		.header > img { max-height: 150px; padding: 25px; }

		.works { width: 100%; overflow: hidden; text-align: center; }
		.works:not(:last-child) { border-bottom: solid 1px #eee; padding-bottom: 30px; }
		.works > img { display: block; width: 100%; }
		
    </style>
</head>
<body>
	
	<header style="background: url('images/header.png') no-repeat center;">
		<div class="header"><img class="fadeInUp" src="images/web.png" alt="Web Works"></div>
	</header>
	<section style="margin-bottom: 50px;">
		<div class="container">
			<div class="col col-x-12">
				<div class="works">
					<img src="images/web1.png">
					<h3>青岛西海岸职教集团有限公司</h3>
				</div>
				<div class="works">
					<img src="images/web2.png">
					<h3>中德生态园德语网站</h3>
				</div>
				<div class="works">
					<img src="images/web3.png">
					<h3>青岛西海岸文化旅游集团</h3>
				</div>
				<div class="works">
					<img src="images/web4.png">
					<h3>青岛西海岸啤酒文化集团</h3>
				</div>
				<div class="works">
					<img src="images/web5.png">
					<h3>青岛国际经济合作区马上办政务服务中心</h3>
				</div>
			</div>
		</div>
	</section>


	<!-- jQuery (necessary for JavaScript plugins) -->
    <script src="js/jquery-3.1.1.min.js"></script>
    <!-- mui js -->
    
    <!-- 表单验证 -->
    
    
</body>
</html>